<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ include file="/user/common.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>配网数据助手-用户注册</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/llcss.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/jquery/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/register.js"></script>
<script type="text/javascript" src="js/input.js"></script>
</head>
<body> 
   <div class="login_wrap">
      <div class="login">
         <div class="find_main">
            <!-- <div class="find_top"></div> -->
            <div class="find_center">
               <div class="find_title">
                  <span>用户注册</span>
                  <a href="<%=basePath %>user/login.jsp">返回登录界面</a>
               </div><!--login_title end-->
               <div class="find_content">
                <form action="<%=basePath %>user/register" method="post">
                <input type="hidden" id="contextPath" value="<%=basePath %>">
                  <div class="find_left">
                     <ul>
                        <li>
                           <span class="captcha">用户名:</span>
                           <p><b>请输入用户名</b><input type="text" id="userName" name="userName" onblur="checkUserName()" maxlength="20" class="input_txt"/></p>
                           <div style="display: none" id="userLeft" class="prompt find_prompt"><label></label><font id="userRight"></font></div>
                        </li>
                         <li>
                           <span>手机号码:</span>
                           <p><b>支持移动、电信、联通手机号</b><input id="mobile" name="mobile" onblur="checkMobile()" type="text" maxlength="11" class="input_txt"/></p>
                           <div style="display: none" id="mobileLeft" class="prompt find_prompt"><label></label><font id="mobileRight"></font></div>
                        </li>
                      	<li id="li_imgcode">
                      		<span>验证码:</span>
                           <p class="captcha"><b>请输入验证码</b><input style="width:130px; position:relative; left:-12px;text-indent:12px;" id="imageCode" name="imageCode" maxlength="4" type="text" class="input_txt"/></p>
                           <a href="javascript:changeImageCode();"><img  id="imageCodeImg" src="<%=basePath %>imageCode" width="100" height="40" class="captcha_code" /></a>
                           <a  class="get" onclick="getCode();">获取短信码</a>
                        </li>
                        <li> 
                           <span>短信验证:</span>
                           <p class="messages"><b>6位数短信验证码</b><input id="code" name="code" onblur="checkCode()" type="text" maxlength="6" class="input_txt"/></p>
                           <a id="show" class="get" onclick="showimg();" style="display: none">重新获取短信码</a>
                           <div style="display: none" id="codeLeft" class="prompt find_prompt"><label></label><font id="codeRight"></font></div>
                        </li>
                        <li>
                           <span>设置密码:</span>
                           <p><b>请输入新密码</b><input id="pwd" name="pwd" type="password" onblur="checkPwd()" maxlength="20" class="input_txt"/></p>
                           <div style="display: none" id="pwdLeft" class="prompt find_prompt"><label></label><font id="pwdRight"></font></div>
                        </li>
                        <li>
                           <span>确认密码:</span>
                           <p><b>请再次输入新密码</b><input id="configPwd" name="configPwd" onblur="checkConfigPwd()" type="password" maxlength="20" class="input_txt"/></p>
                           <div style="display: none" id="configPwdLeft" class="prompt find_prompt"><label></label><font id="configPwdRight"></font></div>
                        </li>
                        <li class="invite_code">
                           <span class="star_none">邀请码:</span>
                           <p><b>请输入6位数的邀请码</b><input id="randomCode" name="randomCode" onblur="checkRandomCode()" type="text" maxlength="6" class="input_txt"/></p>
                           <div class="invite">输入邀请码加入邀请人的单位</div>
                           <div style="display: none" id="randomCodeLeft" class="prompt find_prompt"><label></label><font id="randomCodeRight"></font></div>
                        </li>
                        <li>
                           <span class="star_none">姓名:</span>
                           <p><b>请输入您的姓名</b><input id="name" name="name" onblur="checkName()" type="text" maxlength="12" class="input_txt"/></p>
                           <div style="display: none" id="nameLeft" class="prompt find_prompt"><label></label><font id="nameRight"></font></div>
                        </li>  
                     </ul>
                    <!--  <a href="menulist.jsp" class="complete" onclick="cheakAll();return false;" >立即注册</a> -->
                     <a  class="complete" style = "cursor:pointer;" onclick="register()" >立即注册</a>
                  </div><!--find_left end-->
                  </form>
                  <div class="login_right register">
                     <img src="images/photo.png" width="206" height="221" />
                  </div><!--login_right end-->
               </div><!--find_content end-->
            </div><!--find_center end-->
            <!-- <div class="find_down"></div> -->
         </div><!--login_main end-->
      </div><!--login end-->
   </div><!--login_wrap end-->
   <%@ include file="/user/foot.jsp"%>
</body>
</html>